<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ include file="../session.jsp"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<%@ include file="../head.jsp"%>${alert}
<style>
	.box1 {
		padding-right: 5px;
	}
	.box2 {
		padding-left: 5px;
	}
	.page-header {
		margin-top: -30px;
	}
	#bannerImg {
		margin-top: 5px;
	}
</style>
<link rel="stylesheet" type="text/css" href="assets/css/lightbox.css" />
</head>
<body>
	<div class="container">
		<div class="page-header">
			<h2>오늘의 파우치 추가</h2>
		</div>
	
		<span class="pull-left" style="margin-bottom:10px;">등록 : ${page.totalArticleCount}건</span>
		<div class="table-responsive">
			<form id="updateTodayPouch" class="form-horizontal" role="form" method="post" action="#">
				<table class="table table-striped table-hover">
					<thead>
						<tr class="warning row">
							<th class="text-center col-md-1">구분</th>
							<th class="text-center col-md-1">이미지</th>
							<th class="text-center col-md-2">닉네임</th>
							<th class="text-center col-md-3">파우치명</th>
							<th class="text-center col-md-1">제품수</th>
							<th class="text-center col-md-2">등록일</th>
							<th class="text-center col-md-2">옵션</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${todayPouch}" var="list">
							<tr class="text-center row">
								<td class="col-md-1">
									<c:if test="${list.userType == 'ADMIN'}">에디터</c:if>
									<c:if test="${list.userType == 'USER'}">회원</c:if>
								</td>
								<td class="col-md-1">
									<img src="download.jsp?${list.image}&size=320" class="img-thumbnail"/>
								</td>
								<td class="col-md-2">${list.idRegisterValue}</td>
								<td class="col-md-3">${list.pouchTitle}</td>
								<td class="col-md-1">${list.productCount}</td>
								<td class="col-md-2">${fn:substring(list.create_date, 0, 4)}-${fn:substring(list.create_date, 4, 6)}-${fn:substring(list.create_date, 6, 8)}</td>
								<td class="col-md-2">
									<a href="insertTodayPouch.do?id=${list.idPouch}&isToday=1">
										<button type="button" class="btn btn-sm btn-primary addToday">추가</button>
									</a>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</form>
		</div>
		
		<div class="text-center">
			<ul class="pagination">

				<!-- 이전 그룹 -->
				<c:choose>
					<c:when test="${page.startPage > page.pageGroupCount}">
						<li><a href="insertTodayPouch.do?page=${page.startPage-1}${where}">&laquo;</a></li>
					</c:when>
					<c:otherwise>
						<li class="disabled"><a href="#">&laquo;</a></li>
					</c:otherwise>
				</c:choose>
				
				<!-- 페이지 번호 -->
				<c:forEach begin="${page.startPage}" end="${page.endPage}" step="1" var="now">
					<c:choose>
						<c:when test="${page.nowPage == now}">
							<li class="active"><a href="#">${now}</a></li>
						</c:when>
						<c:otherwise>
							<li><a href="insertTodayPouch.do?page=${now}${where}">${now}</a></li>
						</c:otherwise>
					</c:choose>
				</c:forEach>
				
				<!-- 다음 그룹 -->
				<c:choose>
					<c:when test="${page.endPage < page.lastGroupFirstPage}">
						<li><a href="insertTodayPouch.do?page=${page.endPage+1}${where}">&raquo;</a></li>
					</c:when>
					<c:otherwise>
						<li class="disabled"><a href="#">&raquo;</a></li>
					</c:otherwise>
				</c:choose>

			</ul>
		</div>
		
	</div>

	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<!-- 형식검사 클래스 참조 -->
	<script>
		$(function() {
			$(".addToday").click(function() {
				if (!confirm("정말 추가 하시겠습니까?")) {
					return false;
				}
			});
		});
	</script>
  </body>
</html>